@charset "utf-8";
/* CSS Document */

.container{
	max-width:640px;
	background-color:#eee;
	overflow:hidden;
	margin:0 auto;
}
.container2{ overflow:hidden; padding:10px;}


.header{ background-color:#003073; color:#fff; font-size:24px; text-align:center; height:50px; line-height:50px;}
.header img{ float:left; margin-left:10px; width:30px; position:relative; top:10px;}

.footer{ font-size:10px; margin:30px 0; overflow:hidden; text-align:center;}
.footer img{ width:24px; position:relative; top:7px; margin-right:5px;}

.register>p,.health>p{ margin:10px 0; overflow:hidden;}
.register span,.health span{ display:block; float:left; width:27%; text-align:right; height:40px; line-height:40px; font-size:16px;}
.register input{ height:40px; line-height:40px; border-radius:3px; background-color:#fff; width:68%; text-indent:5px;}
.register input.yzm{ height:40px; line-height:40px; border-radius:3px; background-color:#fff; width:35%; margin-right:1%;}
.register input.yzm-btn{ height:40px; line-height:40px; border-radius:3px; background-color:#003073; width:32%; color:#fff;}
.register font{ display:block; float:right; width:5%; text-align:center; color:#e68c00; height:40px; line-height:40px; border:0; text-indent:5px;}
.register select{ width:68%; height:40px; line-height:40px; background:url(../images/arrow-sel.png) #fff center right 10px no-repeat; background-size:15px; border-radius:3px; border:0; text-indent:5px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.register div{ overflow:hidden; text-align:center;}
.register a{ display:block; margin-top:30px;}


.register .btn,.health .btn{ height:50px; line-height:50px; text-align:center; background-color:#e68c00; color:#fff; font-size:22px; width:100%; margin-top:20px; border-radius:3px;}
.register .btn:active,.register .btn:hover,.health .btn:active,.health .btn:hover{ opacity:0.8;}



.btn{ height:50px; line-height:50px; text-align:center; background-color:#e68c00; color:#fff; font-size:22px; width:100%; margin-top:20px; border-radius:3px;}
.btn:active,.btn:hover{ opacity:0.8;}






.health .lk-female{ border-top-left-radius:3px; border-bottom-left-radius:3px; height:40px; background:url(../images/female-blue.png) #fff no-repeat center center; background-size:24px; width:36%; display:block; float:left;}
.health .lk-female-hover{ border-top-left-radius:3px; border-bottom-left-radius:3px; height:40px; background:url(../images/female-white.png) #003073 no-repeat center center; background-size:24px; width:36%; display:block; float:left;}

.health .lk-male{ border-top-right-radius:3px; border-bottom-right-radius:3px; height:40px; background:url(../images/male-blue.png) #fff no-repeat center center; background-size:24px; width:36%; display:block; float:left;}
.health .lk-male-hover{ border-top-right-radius:3px; border-bottom-right-radius:3px; height:40px; background:url(../images/male-white.png) #003073 no-repeat center center; background-size:24px; width:36%; display:block; float:left;}

.health input{ height:40px; line-height:40px;  border-top-left-radius:3px; border-bottom-left-radius:3px; background-color:#fff; width:62%; float:left; text-indent:5px;}

.health font{ display:block; width:10%; color:#999; float:left; border-top-right-radius:3px; border-bottom-right-radius:3px; background-color:#fff; height:40px; line-height:40px; font-size:14px;}

.act a{ height:40px; line-height:40px; width:24%; display:block; float:left; background-color:#fff; color:#555; text-align:center; text-decoration:none;}
.act a:hover,.act a.active{ height:40px; line-height:40px; width:24%; display:block; float:left; background-color:#003073; color:#fff; text-align:center;text-decoration:none;}
.act a.on{ height:40px; line-height:40px; width:24%; display:block; float:left; background-color:#003073; color:#fff; text-align:center;text-decoration:none;}
.act .lk-low{ border-top-left-radius:3px; border-bottom-left-radius:3px;}
.act .lk-mid{}
.act .lk-high{ border-top-right-radius:3px; border-bottom-right-radius:3px;}


.scan{ overflow:hidden; text-align:center;}
.scan img{ width:70%; margin:20px 0;}


.usercenter{ overflow:hidden;}
.headerimg{ background:url(../images/headerimg-bg.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:200px;
  text-align:center;
}
.headerimg>p>img{ border-radius:60px; border:3px #fff solid; margin-top:20px; width:120px;}
.headerimg>p>span>img{ border-radius:35px; border:2px #fff solid; margin-top:20px; width:35px; cursor:pointer;}
.headerimg>p>span>img:hover,.headerimg>p>span>img:active{ opacity:0.8;}

.headerimg>p>span{ position:relative;}
.headerimg>p>span>img{ position:absolute; z-index:2; margin-top:110px; margin-left:-40px;}
.headerimg font{ display:block; color:#fff; font-size:24px; margin-top:10px;}

.count{ background-color:#fff;}
.count p{ float:left; width:50%; text-align:left; overflow:hidden; line-height:30px;}
.count p font{ display:block; color:#e68c00; font-size:36px; font-weight:bold; margin-top:10px;}

.uc-list a{ display:block; height:40px; line-height:40px; border-bottom:1px #ddd solid; text-align:left; text-decoration:none; color:#555; padding:0 10px;}
.uc-list a:hover,.uc-list a:active{ opacity:0.8;}


.uc-list a img{ float:right; width:20px; opacity:0.2; position:relative; top:10px;}

.pop-cardloss{ width:300px; background-color:#00b2ff; overflow:hidden; padding-bottom:30px; display:none; border-radius:5px; color:#fff;}
.pop-cardloss img,.pop-changeimg img{ float:right; width:16px; margin-top:5px; margin-right:5px; cursor:pointer;}
.pop-cardloss img:hover,.pop-cardloss active,.pop-changeimg img:hover,.pop-changeimg active{ opacity:0.8;}

.pop-cardloss p{ font-size:24px; text-align:center; margin-top:25px;}
.pop-cardloss font{ display:block; text-align:center; font-size:14px; margin-top:10px;}


.pop-changeimg{ width:300px; background-color:#00b2ff; overflow:hidden; display:block; border-radius:5px; color:#fff; text-align:center;}
.pop-changeimg input{ height:40px; line-height:40px; border-radius:3px; background-color:#fff; color:#00b2ff; margin:30px auto; width:70%;}
.pop-changeimg input:hover,.pop-changeimg input:active{ opacity:0.8;}


.personal{ overflow:hidden; border-bottom:1px #ddd solid; }
.personal p{ height:40px; line-height:40px; color:
#000; font-size:16px;}
.personal p span{ float:left; display:block; width:28%; text-align:right; color:#555;}

.recharge-info{ color:#000; line-height:40px; overflow:hidden; border-bottom:1px #ddd solid; }
.recharge-info span{ color:#555; font-size:16px; width:28%; float:left; text-align:right;}

.lk-click{ overflow:hidden; text-align:center;}
.lk-click a{ display:block; margin-top:30px;}


.recharte-sel{ overflow:hidden; padding:20px 0;}
.recharge-sel p.title{ float:left; width:28%; font-size:16px; height:40px; line-height:40px; text-align:right;}
.recharge-sel a{ display:block; width:30%; margin-right:5%; height:40px; line-height:40px; text-align:center; border-radius:3px; text-decoration:none; float:right; border:1px #003073 solid; background-color:#fff; margin-bottom:10px;}
.recharge-sel a:hover,.recharge-sel a:active{ display:block; width:30%; margin-right:5%; height:40px; line-height:40px; text-align:center; border-radius:3px; text-decoration:none; float:right; border:1px #003073 solid; background-color:#003073; margin-bottom:10px; color:#fff;}

.recharge-sel a.on{ display:block; width:30%; margin-right:5%; height:40px; line-height:40px; text-align:center; border-radius:3px; text-decoration:none; float:right; border:1px #003073 solid; background-color:#003073; margin-bottom:10px; color:#fff;}

.recharge-sel input{ float:right; width:66%; margin-right:5%; height:40px; line-height:40px; text-indent:5px; border-radius:3px; margin-bottom:30px;}


.recharge-sel2 p.title{ float:left; width:28%; font-size:16px; height:40px; line-height:40px; text-align:right;}
.recharge-sel2 input{ float:right; width:66%; margin-right:5%; height:40px; line-height:40px; text-indent:5px; border-radius:3px;}


.spend-info{ color:#000; line-height:40px; overflow:hidden;}
.spend-info span{ color:#555; font-size:16px;}
.spend-info font{ color:#e68c00; margin-right:3px;}
.spend tr{ border-bottom:1px #ddd solid;}
.spend th{ background-color:#fff; height:35px; line-height:35px; padding:0 10px;}
.spend td{ height:45px; line-height:45px; padding:0 10px;}
.spend tr:last-child{ color:#000;}
.spend{ overflow:hidden; margin-bottom:15px;}



.spendRecord tr{ border-bottom:1px #ddd solid;}
.spendRecord th{ background-color:#fff; padding:10px; font-size:16px;}
.spendRecord td{ padding:10px; line-height:20px; font-size:16px;}
.spendRecord{ overflow:hidden; margin-bottom:15px; }


.diet-tbl tr{}
.diet-tbl th{ background-color:#fff; padding:10px; font-size:18px;}
.diet-tbl td{ padding:10px; line-height:20px; font-size:18px;}
.diet-tbl tr:last-child{ color:#000;}
.diet-tbl{ overflow:hidden; border-bottom:1px #ddd solid; margin-bottom:15px; text-align:center;}

.diet-info{ text-align:center; overflow:hidden; margin:10px 0;}
.diet-info>p{ margin:10px 0; line-height:24px;}
.diet-info div{ background:url(../images/food.png) no-repeat center center; width:100%; height:87px; margin:20px 0; overflow:hidden; padding-top:100px;}
.kcal{ font-size:10px; color:#999;}
.num{ font-weight:bold; font-size:30px;}
.state{ font-size:18px; color:#e68c00;}
.diet-info div p{ margin:5px 0;}


.diet-suggest{ overflow:hidden;}
.diet-suggest span{ display:block; padding:10px; background-color:#003073; color:#fff; border-radius:3px; width:40px;}
.diet-suggest-con{ margin-top:20px;}
.diet-suggest-con div{ float:left; width:10%; margin-right:10px; height:100px;}
.diet-suggest-con img{width:100%;}
.diet-suggest-con font{ display:block; margin-bottom:8px;}
.diet-suggest-con p{ line-height:24px;}

@media (min-width:360px){

}
@media (max-width:359px){


}
